var api = require("../../config/api");

Page({

    /**
     * 页面的初始数据
     */
    data: {
        passwordType: 'password',
        phone: '',  //管理人手机号
        password: '',    //管理人密码
        electricianCode: '',
        PhoneNum: '',
        CmpIcon: 'https://www.cqwuyang.cn/images/隐藏眼睛.png',
    },

    // 点击密码icon
    doChangeIcon: function(){
        const newType = this.data.passwordType === 'password' ? 'text' : 'password';
        const newIconSrc = newType === 'password' ? 'https://www.cqwuyang.cn/images/隐藏眼睛.png' : 'https://www.cqwuyang.cn/images/显示眼睛.png';

        // 更新数据
        this.setData({
            passwordType: newType,
            CmpIcon: newIconSrc
        });
    },
    
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    },

    /**
     * 跳转注册
     */
    toRegister: function(){
      wx.navigateTo({
        url: "/pages/Register/Register"
      });
    },

    /**
     * 返回上一页
     */
    toBack: function(){
      wx.navigateBack();
    },

    //输入手机号
    doPhoneInput(e){
        this.setData({
            phone: e.detail.value
        });
    },

    //输入密码
    doPasswordInput(e){
        this.setData({
            password: e.detail.value
        });
    },

    //清空输入框内容
    doClear(){
        this.setData({
            phone: '',
            password: ''
        })
    },

    /**
     * 登录
     */
    doHttpLogin: function(){
        //判断手机号和密码是否为空
        if(!this.data.phone && !this.data.password){
            wx.showToast({
              title: '请输入手机号和密码',
              icon: 'none'
            })
            return;
        }else{
            //打印手机号
            console.log(this.data.phone);
            //判断手机号和位数是否合理
            if(this.data.phone.length < 11 && 0 < this.data.phone.length){
                wx.showToast({
                  title: '请输入正确的手机号位数',
                  icon: 'none'
                })
            }else{
                if(this.data.password < 6){
                    wx.showToast({
                      title: '请输入正确的密码位数',
                      icon: 'none'
                    })
                }else{
                    wx.request({
                        url: api.signIn,
                        method: 'POST',
                        data: {
                          electricianPhone: this.data.phone,
                          electricianPwd: this.data.password,
                        },
                        success: (res) => {
                            wx.hideLoading()
                            if(res.data.code == 200){
                                //成功登录之后，本地存储用户信息
                                wx.setStorage({
                                    key: 'electricianCode',
                                    data:{
                                        electricianCode: res.data.data, // 电工编号
                                        PhoneNum: this.data.phone, // 本地存储电工电话 
                                    }, 
                                });
                                console.log('存储的电工电话', res.data.data);
                                wx.showToast({
                                  title: '登陆成功',
                                  icon: 'none'
                                });
                                //登录成功后，跳转到首页
                                wx.reLaunch({
                                        url: "/pages/FirstPage/FirstPage"
                                    });
                                    }else{
                                        wx.showToast({
                                            title: '用户名和密码错误',
                                            icon: 'none'
                                        });
                                    }
                                },
                                fail: function(){
                                wx.showToast({
                                    title: '网络错误',
                                    icon: 'none'
                                });
                            }
                        })
                    }
                }
            }
        },
})